@import "./mixin.scss";
.wrap-header{
  width: 100%;
  background:url('../../images/index-bg.png') center no-repeat;
  background-size:cover;
  overflow:hidden;
  padding-top:90px;
  max-height:740px;
}
.nav{
  position:fixed;
  top:0;
  left: 0;
  right:0;
  height:90px;
  z-index:99;
  width:1200px;
  margin:0 auto;
  display: flex;
  align-items: center;
  .logo{
    margin-right:60px;
    position: relative;
    z-index: 66;
  }
  ul{
    position: relative;
    width:100%;
    li{
      float:left;
      padding:15px 15px;
      margin:0 10px;
      text-align: center;
      cursor: pointer;
      h3{
        color:#7E8085;
        cursor:pointer;
        font-size:16px;
        padding:1px 5px;
        width:100%;
        position: relative;
        .triangle{
          display:none;
          position: absolute;
          bottom:-15px;
          left: 30%;
          width:0;
          height:0;
          border:10px solid #fff;
          border-top:0;
          border-right:10px solid transparent;
          border-left:10px solid transparent;
        }
      }
      .current{
        color: #000;
        font-weight: bold;
      }
      .sub_nav{
        position: absolute;
        top:45px;
        left:0;
        display:none;
        background:#fff;
        border-radius: 8px;
        line-height:87px;
        box-shadow:0px 4px 8px 0px rgba(0,0,0,0.1);
        padding:0 38px;
        span{
          color:#F0F0F0;
          margin:0 30px;
        }
       a{
        color:#2C2E30;
        font-size:16px;
       }
       a:hover{
         color:#2F5BEA;
       }
      }
    }
    .active{
      h3{
        color:#2F5BEA;
      }
    }
  }
  .top_bg{
    background:#fff;
    box-shadow: 0 2px 10px #ccc;
    height:90px;
    display:none;
    position: fixed;
    top:0;
    left:0;
    right:0;
  }
}
.index-header {
  width: 100%;
  overflow:hidden;
}
.commonRegion {
  width: 1200px;
  margin: 0 auto;
}

.contentRegion {
  width: 1200px;
  margin: 0 auto;
  position: relative;
  display: flex;
  flex-direction: row;
  .cut-off-line {
    width: 1px;
    height: 224px;
    background: rgba(255, 255, 255, 1);
    opacity: 0.5;
    position: absolute;
    right: 300px;
  }
  .region-left {
    width: 960px;
    height: 200px;
    display: flex;
    flex-direction: row;
    .classify {
      width: 240px;
      p {
        font-size: 24px;
        color: rgba(255, 255, 255, 1);
        margin-bottom: 30px;
      }
      ul {
        li {
          color: rgba(122, 122, 122, 1);
          margin-top: 20px;
          font-size: 16px;
          b {
            width: 10px;
            height: 10px;
            display: block;
            background: url(../../images/address.png) no-repeat;
          }
        }
      }
    }
  }
  .region-right {
    width: 220px;
    height: 200px;
    padding-left: 20px;
    .classify {
      width: 240px;
      p {
        font-size: 20px;
        color: rgba(255, 255, 255, 1);
        margin-bottom: 20px;
      }
      ul {
        li {
          color: rgba(122, 122, 122, 1);
          margin-top: 15px;
          font-size: 16px;
          color: #fff;
          b {
            width: 18px;
            height: 18px;
            display: inline-block;
            vertical-align: middle;
            margin-right: 5px;
          }
          .phone-number {
            background: url(../../images/phone.png) no-repeat;
            background-size: 100%;
          }
          .email-number {
            background: url(../../images/email.png) no-repeat;
            background-size: 100%;
          }
          .address-number {
            background: url(../../images/address.png) no-repeat;
            background-size: 100%;
            margin-top: -20px;
          }
          span {
            display: inline-block;
            width: 200px;
            vertical-align: middle;
            line-height: 26px;
          }
        }
      }
    }
  }
}

.footer-contact {
  background: #3c3c3c;
  width: 100%;
  padding: 125px 0;
  .region-left{
    .classify{
      li{
        a:hover{
          color:#fff;
        }
      }
    }

  }
}

.footer {
  height: 60px;
  line-height: 60px;
  text-align: center;
  color: #7e8085;
  background: #2c2e30;
}
